<template>
  <div>about</div>
  <span
    >当前匹配到的完整路径：{{ route.fullPath }}-不完整路径：{{
      route.path
    }}</span
  >
  <div>
    <router-link to="/about">msg</router-link>
    <router-link to="/about/shops">shops</router-link>
    <router-link to="/about/goods">goods</router-link>
    <router-view></router-view>
  </div>
</template>

<script setup>
import { useRoute } from "vue-router";
const route = useRoute();
console.log(route, "456");
</script>

<style scoped></style>
